<div id="xtree">
{%tree%}
</div>
<script type="text/javascript">
var i = 0;
var tree = jQuery('#xtree');
tree.hide();
jQuery('li', tree).each(
   function() {
      jQuery(this).attr('rel', ++i);
   }
);
jQuery('li', tree).each(
   function() {
      var i = jQuery(this).attr('rel');
      if (0 < jQuery('ul', this).size()) {
         if (0 < jQuery('a[rel={%id_content%}]', this).size()) {
            jQuery('a.pm:first', 'li[rel=' + i + ']').remove();
            jQuery('li[rel=' + i + '] a:first').before('<a href="#" class="pm" onclick="return sw(this)"><img src="{%base_url%}images/tree/minus.png" alt="" /><img src="{%base_url%}images/tree/plus.png" alt="" style="display: none;" /></a>');
         } else {
            jQuery('a.pm:first', 'li[rel=' + i + ']').remove();
            jQuery('li[rel=' + i + '] a:first').before('<a href="#" class="pm" onclick="return sw(this)"><img src="{%base_url%}images/tree/minus.png" alt="" style="display: none" /><img src="{%base_url%}images/tree/plus.png" alt="" /></a>');
            jQuery('ul', 'li[rel=' + i + ']').hide();
         }
      }
   }
);
tree.show();
function sw(obj) {
   jQuery('ul:first', jQuery(obj).parent()).toggle();
   jQuery('img', jQuery(obj)).toggle();
   return false;
}
</script>
